<%@ page language="java" import="java.util.*" pageEncoding="utf-8"  isELIgnored="false"%>
<%@ include file="../tag.jsp"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>热门标签</title>
<meta name="Keywords" content="软件开发、编程、程序员、码伦">
<meta name="description" content="Java、C、C++、软件开发、编程、程序员、.NET">
<%@ include file="../base.jsp"%>
<%@ include file="../alert-common.jsp"%>
<%@ include file="../window-common.jsp"%>
<style type="text/css">
.bq ul {
	float: left;
	margin-top: 8px;
}

.bq ul li {
	float: left;
	line-height: 30px;
	width: 80px;
	padding-left: 30px;
	font-size: 16px;
}

.art {
	color: #3F88CD;
}
</style>
<script type="text/javascript">
		$(function(){
				$.post('expose/article/articleTypeList',
					function(data,status){
					$('.hot-bq ul').empty();
						var cLi = "";
						var cID = ${articleTypeId};
						for(var i=0;i<data.length;i++){
						var cLi1 = "";
							if(cID == data[i].id){
								cLi1 ="<li class=\"hot-bq-current\"><a href=\"expose/article/byArticleTypeList/"+data[i].id+"\" title=\""+data[i].articleTypeName+"\">"+data[i].articleTypeName+"</a></li>";
							}else{
								cLi1 ="<li><a href=\"expose/article/byArticleTypeList/"+data[i].id+"\" title=\""+data[i].articleTypeName+"\">"+data[i].articleTypeName+"</a></li>";
							}
							 cLi += cLi1;
						}
						$('.hot-bq ul').append(cLi)
					}
				);
 		});
</script>
</head>
<body>
	<jsp:include page="/expose/top.jsp"></jsp:include>
	<div class="yc_container">
		<div style="height: 550px; width: 710px;">
			<ul style="float: left; margin-top: 3px;">
				<c:forEach items="${articles}" var="article">
					<li
						style="height: 35px; float: left; width: 710px; border-bottom: 1px dashed #CCCCCC;">
						<div style="font-size: 14px; float: left;">
							<span style="margin-top: 12px; float: left;"><a
								class="art" href="expose/article/detail/${article.id }"
								title="${article.articleTitle }">${article.articleTitle }</a></span>
						</div>
						<div style="float: right;">
							<span style="font-size: 12px; margin-top: 12px; float: left;">时间:<fmt:formatDate
									value="${article.createDate }" type="both" pattern="yyyy-MM-dd" /></span>
						</div>
					</li>
				</c:forEach>
			</ul>
		</div>
		<div class="page" style="margin-left: 0; width: 710px;">
			<span><a
				href="expose/article/articleTypeShowList?category=${category }&pageNow=1">首页</a></span>
			<c:choose>
				<c:when test="${page.pageNow -1 >0}">
					<span><a
						href="expose/article/articleTypeShowList?category=${category }&pageNow=${page.pageNow-1}">上一页</a></span>
				</c:when>
			</c:choose>
			<c:forEach begin="1" end="${page.totalPageCount}" var="pageIndex">
				<c:choose>
					<c:when test="${page.pageNow==pageIndex}">
						<span><a href="javascript:void(0);"
							style="float: left; background: #EAEAEA;">${pageIndex }</a></span>
					</c:when>
					<c:otherwise>
						<span><a
							href="expose/article/articleTypeShowList?category=${category }&pageNow=${pageIndex}"
							target="_self">${pageIndex }</a></span>
					</c:otherwise>
				</c:choose>
			</c:forEach>
			<c:choose>
				<c:when test="${page.pageNow <page.totalPageCount}">
					<span><a
						href="expose/article/articleTypeShowList?category=${category }&pageNow=${page.pageNow+1 }"
						target="_self">下一页</a></span>
				</c:when>
			</c:choose>
			<span><a
				href="expose/article/articleTypeShowList?category=${category }&pageNow=${page.totalPageCount}">末页</a></span>
		</div>
	</div>
	<jsp:include page="/expose/bottom.jsp"></jsp:include>
</body>
</html>
